<template>
  <view class="rule-modal">
    <image class="main-close" @click="handleClose()" src="@/static/images/close.png" mode="widthFix"></image>
    <view class="main-body">
      <view class="body-content">
        <h2>活动规则</h2>
        <h4>一、活动时间：<span></span></h4>
        <view class="red">2022年4月24日00：00：00-2022年5月5日23：59：59</view>
        <h4>二、活动对象：</h4>
        <view>广东三网移网用户（正常状态手机号码）</view>
        <h4>三、活动内容：</h4>
        <view>活动期间，用户填写手机贴膜预约信息后，需在预约时间前往预约的营业厅到<span class="red">“中国联通APP”-“福利盒子”-“免费贴膜”</span>出示预约二维码，需营业员扫码稽核后核销该预约订单信息。</view>
        <view>每个手机号码只能参与一次预约手机贴膜活动，请用户提交预约信息时再次确认手机号码，手机号码误填将会导致营业员无法通知用户二次确认。</view>
        <h4>四、活动细则：</h4>
        <view>1.	参与条件：广东三网移网用户（正常状态手机号码）</view>
        <view>2.	奖品领取规则：</view>
        <strong>（1）手机贴膜</strong>
        <view style="text-indent: 2em;">①　用户每个手机号码只能参与一次预约手机贴膜活动，用户成功提交预约信息后，营业员会对手机型号进行电话回访二次确认。请用户再提交预约信息时输入正确的手机号码</view>
        <view style="text-indent: 2em;">②　用户需要预约时间内到达预约营业厅出示预约二维码给营业员，超时无效，到非预约营业厅无效</view>
        <strong>（2）28元美团外卖券包：1个手机号码每天领取1次</strong>
        <strong>（3）30元京东券：用户领取后，需在2小时内使用，否则券过期失效，不做补发；用户领取后需在30天内使用，过期失效，不做补发</strong>
        <h4>五、其他说明</h4>
        <view>1.	活动期间奖品发放因用户号码状态异常导致发放失败，不另行补发。请保持手机号码状态正常。</view>
        <view>2.	如用户需主动放弃活动，需联系10010处理。</view>
        <view>3.	中国联通APP可在法律规定允许范围内对活动规则进行变更或调整，相关变更或调整将公布在活动页面上；在参与活动过程中，如用户出现或涉嫌违法违规违反公平性行为（例如作弊、盗刷奖品等），中国联通APP有权撤销用户活动参与资格，并有权取消该用户获得的违规奖励。</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: '',
  data() {
    return {};
  },
  methods:{
    handleClose(){
      this.$emit('on-close')
    }
  }
};
</script>

<style scoped lang="less">
  .rule-modal{
    width: 90vw;
    text-align: right;
    .main-close{
      width: 60rpx;
    }
    .main-body{
      padding: 40rpx 50rpx;
      background: #fff;
      border-radius: 30rpx;
      margin-top: 20rpx;
      h2{
        text-align: center;
        font-size: 40rpx;
        margin-bottom: 26rpx;
      }
      .body-content{
        height: 900rpx;
        overflow-y: auto;
        text-align: left;
        font-size: 24rpx;
        &::-webkit-scrollbar {
          /*滚动条整体样式*/
          width: 0;
          /*高宽分别对应横竖滚动条的尺寸*/
          height: 1px;
        }

        &::-webkit-scrollbar-thumb {
          /*滚动条里面小方块*/
          border-radius: 10px;
          box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
          background: #c4c4c4;
        }
        h4{
          font-size: 28rpx;
          margin: 10rpx 0;
        }
        span{
          font-weight: 400;
          font-size: 24rpx;
        }
        .red{
          color: #f00;
        }
      }
    }
  }
</style>
